<!DOCTYPE html>
<html>
<meta charset="utf-8">
 <link rel="shortcut icon" href="../../static/favicon.ico">
 <link  rel="stylesheet" href="../../static/css/font-awesome.min.css"/>
	<link rel="stylesheet" href="../../static/css/bootstrap.min.css" />
	<link rel="stylesheet" href="../../static/css/style.min.css" />
	<link rel="stylesheet" href="../../static/css/animate.css" />
	<link rel="stylesheet" href="../../static/css/font-awesome.css" />
	<link rel="stylesheet" href="../../static/css/style.css" />
	<link rel="stylesheet" href="../../static/css/plugins/iCheck/custom.css" />
	<link rel="stylesheet" href="../../static/css/plugins/cropper/cropper.css" />
	<link rel="stylesheet" href="../../static/js/plugins/layer/laydate/skins/default/laydate.css" />
	<link rel="stylesheet" href="../../static/css/gg-bootdo.css" />
<head th:include="include::header"></head>
<body class="gray-bg">
	<div class="wrapper wrapper-content animated fadeInRight" id="details">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>   </h5>
					</div>
					<div class="ibox-content">
						<form class="form-horizontal m-t" id="signupForm">
							<div class="form-group">
								<label class="col-sm-3 control-label">名称：</label>
								<div class="col-sm-8">
									<input id="name" name="name" class="form-control"
										type="text" placeholder="请输入表单名称">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">业务类型：</label>
								<div class="col-sm-8">
									<select id="categoryCode" name="categoryCode" class="form-control" type="text">
										
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">描述：</label>
								<div class="col-sm-8">
									<textarea id="description" name="description" class="form-control"
										type="text" placeholder="请输入表单名称">
									</textarea>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">所属区域：</label>
								<td>
									<div class="col-sm-8">
										<input id="areaId" name="areaId" class="hidden"> 
										<input id="areaName" name="areaName" class="form-control" type="text"
											style="cursor: pointer;" onclick="openAreaPopWin('areaId','areaName')"
											readonly="readonly" placeholder="区域选择">
									</div>
								</td>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">从模版创建：</label>
								<div class="col-sm-8">
									<select id="address" name="address" class="form-control" type="text">
										<option>选择表单模版</option>
										<option>模板1</option>
										<option>模板2</option>
										<option>模板3</option>
										<option>模板4</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-8 col-sm-offset-5">
									<button type="button" class="btn btn-primary">返回</button>
									<button type="button" onclick="next()" class="btn btn-primary">下一步</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div id="module_sample_id">
    <div>
        <div class="ibox" id="details">
                <div class="ibox-body">
                    <div class="fixed-table-toolbar">
                        <div class="current">
                            <span>步骤二：新增表单详细信息</span>
                            <button  shiro:hasPermission="sys:user:add" type="button"
                                    class="btn  btn-primary" onclick="addModule();">
                                <i class="fa fa-plus hidden" aria-hidden="true"></i>新增栏目
                            </button>
                            <button class="btn btn-success" onclick="hideDetails();">返回</button>
                            <button class="btn  btn-primary">保存</button>
                        </div>
                    </div>
                </div>
                <div id="modules_div">

                </div>
            </div>
        </div>
        <div class="buonips">
            <span class="xlop">
                <input type="hidden" name="columnCount">
                <span name="nameSpan"></span>
                <a  v-show="isShowFun('sys:categoryModule:edit')" v-cloak href="javascript:void(0);" name="editHref"><i class="fa fa-pencil-square-o"
                                                                 aria-hidden="true"></i></a>
                <a  v-show="isShowFun('sys:categoryModule:remove')" v-cloak href="javascript:void(0);" name="delHref"><i class="fa fa-pencil-square-o"
                                                             aria-hidden="true"></i></a></span>
            <button v-show="isShowFun('sys:categoryAttribute:categoryAttribute')" class="btn btn-success pull-right" onclick="selectFields()" name="fieldBtn">选择字段</button>
        </div>
        <div>
            <table class="table" name="attrTable">
            </table>
        </div>
    </div>
</div>	
	<div th:include="include::footer"></div>
	<script src="../../static/js/public.js"></script>
	<script src="../../static/js/jquery.min.js?v=2.1.4"></script>
	<script src="../../static/js/vue.min.js"></script>
	<script src="../../static/js/bootstrap.min.js?v=3.3.6"></script>
	<script src="../../static/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
	<script src="../../static/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
	<script src="../../static/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
	<script src="../../static/js/plugins/validate/jquery.validate.min.js"></script>
	<script src="../../static/js/plugins/validate/messages_zh.min.js"></script>
	<script src="../../static/js/plugins/jsTree/jstree.min.js"></script>
	<script src="../../static/js/plugins/jqTreeGrid/jquery.treegrid.min.js"></script>
	<script src="../../static/js/plugins/jqTreeGrid/jquery.treegrid.extension.js"></script>
	<script src="../../static/js/plugins/jqTreeGrid/jquery.treegrid.bootstrap3.js"></script>
	<script src="../../static/js/plugins/chosen/chosen.jquery.js"></script>
	<script src="../../static/js/plugins/layer/layer.js"></script>
	<script src="../../static/js/content.js?v=1.0.0"></script>
	<!--summernote-->
	<script src="../../static/js/plugins/summernote/summernote.js"></script>
	<script src="../../static/js/plugins/summernote/summernote-zh-CN.min.js"></script>
	<script src="../../static/js/ajax-util.js"></script>
	<script type="text/javascript" src="../../static/js/appjs/common/util/popwin.js"></script>
	<script type="text/javascript" src="../../static/js/appjs/forms/add.js">
	</script>
</body>

</html>
